<link rel="stylesheet" href="<?php echo base_url('assets/js/jquery.plupload.queue/css/jquery.plupload.queue.css'); ?>" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery.plupload.queue/plupload.full.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery.plupload.queue/jquery.plupload.queue.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery.plupload.queue/i18n/pt_BR.js'); ?>"></script>

<div class="conteudo">
    <div class="cabecalho">
        <h3>upload de imagens</h3>
    </div>
    <div class="inner" style="padding: 0 0 10px;">
        <form action="<?php echo site_url('admin/upload/enviar'); ?>" method="POST" enctype="multipart/form-data">

            <div id="html5_uploader" ></div>
            <div class="form-actions form-wrapper" style="text-align: right; padding-right: 10px;">
                <input type="submit" id="edit-submit" name="op" value="enviar imagens" class="form-submit"></div>    
        </form>

        <script type="text/javascript">
            jQuery(function() {

                // Setup html5 version
                jQuery("#html5_uploader").pluploadQueue({
                    // General settings
                    runtimes: 'html5',
                    url: '<?php echo site_url('admin/upload/do_upload')?>',
                    chunk_size: '1mb',
                    unique_names: true,
                    filters: {
                        max_file_size: '5mb',
                        mime_types: [
                            {title: "Image files", extensions: "jpg,gif,png"}
                        ]
                    }
                });


            });
        </script>

    </div>
</div>



